<template>
  <router-link :to="path" class="tab-icon">
    <i class="icon">{{ iconText }}</i>
    <p class="text">
      <slot>{{ tabText }}</slot>
    </p>
  </router-link>
</template>

<script>
export default {
  name: 'TeabIcon',
  props: {
    iconText: String,
    path: String
  }
}
</script>

<style lang="scss" scoped>
  .tab-icon {
    display: inline-block;
  }
</style>